{% extends "base.html" %}

{% block content %}

{% load static %}
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

Список элементов

<div class="row">
    {% for item in items %}
        {% include "includes/item_card.html" with item=item only %}
    {% empty %}
        <div class="container my-5">
            <div class="bg-body-tertiary p-5 rounded">
                <div class="col-sm-8 py-5 mx-auto">
                    <h1 class="display-5 fw-normal">Товары отсутствуют в каталоге</h1>
                    <p class="fs-5">Подождите пока товары появятся.</p>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

{% endblock %}